<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich">
	<ui:composition template="/templates/component-sample.xhtml">
		<ui:define name="sample">
			<p>
			This is a demo of how to use stylesheets and skinnability features in order to adjust tab panel appearance. Here we use pre-defined classes for the tab panel
			"rich-tab-inactive", "rich-tab-active" and "rich-tabpanel-content" to adjust tab panel appearance. Note how appearance of tabs above could be also affected.
			</p>

			<div id="itme" class="sample-container">
				
				<ui:include src="/richfaces/tabPanel/examples/custom.xhtml"/>
				<ui:include src="/templates/include/sourceview.xhtml">
					<ui:param name="sourcepath" value="/richfaces/tabPanel/examples/custom.xhtml"/>
				</ui:include>	
			
			</div>
		</ui:define>

	</ui:composition>
</html>
